﻿@using XiangDongClub.Model
@model List<ZT_Shop>
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="Content-Type" content="text/html">
    <title>享动运动季</title>
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/layer/mobile/need/layer.css" rel="stylesheet" />
    <link href="~/Content/current.css" rel="stylesheet" />
    <link href="~/Content/frame.css" rel="stylesheet" />
    <link href="~/Content/com.css" rel="stylesheet" />
</head>
<body>
    <div class="top-background">
        <div class="tips">
            <img src="../image/year/trees.png" class="trees" alt="" />
            <div class="tip-content">
                <img class="tips-title" src="../image/year/huodongshuoming.png" alt="" />
                <ol>
                    <li>选择领取以下任意场馆卡券;</li>
                    <li>领取成功后点击“为我加油”邀请好友为自己助力;</li>
                    <li>完成30个好友助力即可成功获取该卡券;</li>
                    <li>每人限领一次;</li>
                </ol>
            </div>
        </div>
        <div class="chengdu">
            <img src="../image/city/@(ViewBag.CityId).png" alt="" />
            <br />
            <div class="try">
                <span>找不到想要去的场馆？试试</span>
                <select name="" id="">
                    @foreach (var item in ViewBag.CityList)
                    {
                        <option value="@item.Id" @(ViewBag.CityId == item.Id ? "selected" : "")>@item.AreaName</option>
                    }
                </select>

            </div>
        </div>
    </div>
    <div class="menu">

        @foreach (var item in Model)
            {
            <div class="lists">
                <div class="lists-content" onclick="ShopDetails(@item.ShopId,3)">
                    <img src="../image/shoptype/shop_@(item.ShopType).png" alt="" />
                    <div class="lists-logo">
                        <img src="http://fuwu.xdjsclub.com/Shops/images/@(item.ImgLogo)/logo.jpg" />
                        <p>@item.ShopName（@item.CityName）</p>
                        <p>@item.TicketName</p>
                    </div>
                </div>
                <div class="lists-btn">
                    <img src="../image/free/btn-lingqu.png" onclick="RecTicket(@item.ShopId,'@item.ShopName')" alt="领取按钮" />
                </div>
            </div>
        }


    </div>

    <!--体验弹出层、点击领取体验券时若用户未订购则弹出-->
    <div class="tiyan-frame">
        <img class="close-img" src="../image/frame/close.png" alt="" />

        <!--未订购frame-->
        <div class="prompt-frame">
            <p>您还未订购享动卡</p>
            <p>请依场馆顺序参与活动</p>
            <p style="font-size: 1.2rem">订购享动业务后可不必按场馆顺序参与活动</p>
            <img class="tijiao" src="../image/frame/button-tijiao.png" alt="提交" />
        </div>
        <!--订购操作frame-->
        <div class="frame-order">
            <!--首页未提交手机号，shuru显示,首页已输入则隐藏-->
            <div class="frame-shuru">
                <p>请先订购享动卡</p>
                <div class="frame-shuru-text">
                    每月将从
                    <span id="feePhone">13678233798</span>
                    话费中扣除10元卡费
                </div>
            </div>
            <!--用户未订购，unorder显示，ordered隐藏-->
            <div class="frame-unorder">
                <div class="frame-order-menu">
                    <ul>
                        <li class="choosed" data-type="1">月包</li>
                        <li class="choose" data-type="2">季包</li>
                        <li class="choose" data-type="3">半年包</li>
                        <li class="choose" data-type="4">年包</li>
                    </ul>
                </div>
            </div>
            <div class="frame-choose-div">
                <a id="linkSMS" href="sms:10086?body=XDJSY">
                    <img class="frame-choose-btn" src="../image/year/button-tijiao.png" alt="" />
                </a>
            </div>
        </div>
    </div>

    <!--我的体验券详情-->
    <div class="volume-frame">
        <img class="close-img" src="~/image/index/close.png" alt="" />
        <div class="frame-content">
            <div class="frame-logo">
                <!--<img src="~/image/index/gift.png" alt=""/>-->
                此处应该有一个logo
            </div>
            <div class="frame-text">
                <p class="frame-club-name"></p>
                <p class="frame-club-number"></p>
                <div class="aaaaa">
                    <p class="frame-tips">使用说明</p>
                    <p class="frame-tips-text"></p>
                    <p class="apply-club">适用门店</p>
                    <p class="apply-club-text"></p>
                    <p class="club-phone-number">电话：<a id="shopPhone" href="tel:983403857"></a></p>
                </div>
            </div>
        </div>
    </div>

    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Content/bootstrap/js/bootstrap.min.js"></script>
    <script src="~/layer/layer.js"></script>
    <script src="~/Scripts/Framework/JsOPP.js"></script>
    <script src="~/Scripts/Business/com.js"></script>
    <script src="~/Scripts/Business/hsh/current.js"></script>
</body>
</html>



